@import "../../base/fn";
.baohao{
    @grey-color:#737171;
    @red2-color:#eb063d;
    background: #F3F3F3;
    padding:10px;
    .action{
        padding: 0 0 10px;
        h3{
            margin: 10px 0;
        }
    }
    .table{
        background: url(../../../img/baobao/7.png) no-repeat;
        background-size: 100% 100% ;
        color: #FFFFFF;
        border: none;
    }
    .molink{
        background: #FFFFFF;
        padding: 8px 10px;
        border-radius: 10px;
        color: #666;
        font-size: 0.75rem;
        margin-bottom: 10px;
        .icon{
            padding-right: 16px;
            margin-right: 16px;
            position: relative;
            &:after{
                .setRightLine();
            }
        }
        img{
            display: block;
        }
        .more:before{
            border-color: #ADADAD;
        }
    }
    .btn_focus{
    }
    .numbers{
        background: #FFFFFF;
        border-radius: 10px;
        padding: 10px 10px;
    }
    .cjm_title{
        padding: 10px 0;
        color: @grey-color;
    }
    .cjm_list{
        ul{
            display: flex;
            flex-wrap: wrap;
            li{
                border: 1px solid @grey-color;
                margin-right: 1.5%;
                margin-bottom: 10px;
                //flex-grow:1;
                text-align: center;
                border-radius: 2px;
                width:31%;
                text-align: center;
                &.win{
                    color: @grey-color;
                    border-color:@grey-color;
                    .wind{
                        font-size: 0.75rem;
                        color: @red2-color;
                    }
                }
            }
        }
    }
    .explain{
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
        .coc{
            padding: 20px 20px 0;
        }
        p{
            font-size: 0.75rem;
            margin: 10px 0;
        }
        img.bot{display: block;}
    }
    &.pa_baby {
        .table {
            background-image: url(../../../img/baobao/9.png);
        }
        .btn {
            .gradientLeftTop(#FD8502, #FFB903);
        }
    }
    .stitle{
        background: #FE1F2C;
        border-radius: 20px;
        padding: 5px;
        color: #fff;
        padding-left: 20px;
        margin-bottom: 10px;
    }
    .summary{
        background: none;
        padding: 0;
        li{
            border: none;
            background: #fff;
            padding: 10px;
            border-radius: 10px;
            .title{
                background: none;
                color: #000000;
                text-align: left;
            }
            .desc{
                border: none;
            }
        }
    }
     
}
